<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.page2.css" rel="stylesheet" />
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<ul class="mui-table-view" style="margin-top: 2px; margin-bottom: 18px;">
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/set2.jpg">
		            <div class="mui-media-object mui-pull-left">
		                新的朋友
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/weixin.png">
		            <div class="mui-media-object mui-pull-left">
		                 群聊
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/set1.jpg">
		            <div class="mui-media-object mui-pull-left">
		                 公众号
		            </div>
		        </li>
		   </ul>
		<ul class="mui-table-view">
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                通讯录好友1
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友2
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友3
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                通讯录好友4
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友5
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友6
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友7
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友8
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友9
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
		            <div class="mui-media-object mui-pull-left">
		                 通讯录好友10
		            </div>
		        </li>
		   </ul>
	</body>

</html>